$(function () {
        // 通过点击'添加'按钮，添加一对img和input标签
        $('input[type=button]').click(function () {
            $('#chooseImg').append("<img src='images/add.png'> <input type='file'>");
        });

        // 点击图片实现点击input，实现选择文件的效果
        // $('#chooseImg img').click(function () {
        // console.log('点击了img');
        // $(this).next().click();
        // });

        // 给新添加的占位图片，即后添加的img标签，绑定点击事件时最好
        // 使用代理，否则直接使用click()方法，新添加的img标签无法点击
        // 给所匹配的元素(选择器)绑定一个事件处理函数
        // $('#chooseImg').delegate('img','click',function () {
        // console.log($(this));
        // $(this).next().click();
        // });

        // delegate()方法在jQuery3.0已经被废弃，使用on()来代替
        $('#chooseImg').on('click','img',function () {
            $(this).next().click();
        });

        // 显示图片，同样也不能直接使用change()事件，使用代理
        $('#chooseImg').delegate('input','change',function () {
            // 获取一个DOM对象
            console.dir($(this).get(0));
            console.dir($(this)[0]);

            // 取出所上传的文件
            var file = $(this)[0].files[0];
            if (file.type.startsWith('image')) {
                //是图片
                $(this).prev().attr('src',URL.createObjectURL(file));
            } else{
                //是其他的文件
                alert('只能上传图片');
            }

        });
    });

